<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>zyznt 卓越智能体 agent智能体 rag知识库</title>
    <meta name="keywords" content="agent智能体,rag知识增强,智能体,zyznt,卓越智能体,开源智能体,免费智能体">
    <meta name="description"
        content="卓越智能体zyznt，主要应用于个性化定制智能体agent、智能体工作流、RAG知识增强、智能知识库、智能客服、智能语音机器人、智能质检、LLM模型微调、MCP服务接入等生成式人工智能应用，zyznt开源版完全免费，企业版提供更专业的定制功能和服务！">
    <meta name="author" content="卓越智能体，卓越云讯（北京）科技有限公司">
    <link rel="shortcut icon" href="./images/logo.ico" />
    <script src="js/index.js"></script>
    <link rel="stylesheet" media="screen" href="css/bgstyle.css">


    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#FF1B6B',
                        secondary: '#45108A'
                    },
                    borderRadius: {
                        'none': '0px',
                        'sm': '2px',
                        DEFAULT: '4px',
                        'md': '8px',
                        'lg': '12px',
                        'xl': '16px',
                        '2xl': '20px',
                        '3xl': '24px',
                        'full': '9999px',
                        'button': '4px'
                    }
                }
            }
        }
    </script>
    <style>
        body {
            min-height: 1024px;
        }

        .hero-bg {
            background: linear-gradient(135deg, #1E0B36 0%, #45108A 100%);
        }

        .gradient-text {
            background: linear-gradient(90deg, #FF1B6B 0%, #FF5E86 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        @keyframes infiniteScale {
            0% {
                transform: scale(1);
                /* 初始大小 */
            }

            50% {
                transform: scale(1.2);
                /* 放大到1.2倍 */
            }

            100% {
                transform: scale(1);
                /* 恢复原大小 */
            }
        }

        .statrt {
            width: fit-content;
            transition: all 0.3s ease-in-out;
            animation: infiniteScale 2s ease-in-out infinite alternate;
            display: flex;
            flex-shrink: 0;
        }

        .statrt:hover {
            background: #FDE047;
            color: #000;
            transform: scale(1.2);
            transition: all 0.3s ease-in-out;
        }

        .loginbtn {
            transition: all 0.3s ease-in-out;

        }

        .loginbtn:hover {
            background: #FDE047;
            color: #000;
            transform: scale(1.2);
            transition: all 0.3s ease-in-out;
        }
    </style>
</head>

<body class="bg-white">
    <div>
        <div class="hero-bg min-h-screen relative overflow-hidden">
            <nav class="container mx-auto px-6 py-4 flex items-center justify-between">
                <div class="flex items-center">
                    <span class="text-3xl text-white font-['Pacifico']" style="display: flex;align-items: center;">
                        <img src="./images/logo.svg" style="width: 38px;height: 38px;margin-right: 16px;" alt="">
                        <span class="text-2xl">卓越智能体</span>
                    </span>
                </div>
                <div class="flex items-center space-x-8">
                    <a href="./doc.html" class="text-white hover:text-primary" style="z-index: 2;">文档</a>
                    <button
                        class="px-6 py-2 bg-primary text-white !rounded-button hover:bg-opacity-90 whitespace-nowrap loginbtn"
                        style="z-index: 2;" onclick="toLogin" id="myButton">登录</button>
                    <span style="color: #fff;">服务热线 400-6688-159</span>
                </div>
            </nav>

            <div class="container mx-auto px-6 pt-40 pb-32" id="particles-js">
                <div class="max-w-4xl mx-auto text-center"
                    style="display: flex;flex-direction: column;align-items: center;z-index: 2;">
                    <h1 class="text-6xl font-bold text-white mb-6 gradient-text bigtitle" style="line-height: 90px;">
                        ZYZNT 个性化定制您的专属智能体，为您服务！
                    </h1>
                    <p class="text-xl text-gray-300 mb-12 max-w-2xl mx-auto">
                        使用我们的生成式人工智能构建器将您的想法变为现实!
                    </p>
                    <div class="flex justify-center items-center space-x-6 mb-12">
                        <div class="flex items-center">
                            <img src="./images/yes.svg" style="width: 20px;margin-right: 10px;" alt="">
                            <span class="text-white">免费开始</span>
                        </div>
                        <div class="w-1.5 h-1.5 bg-gray-500 rounded-full"></div>
                        <div class="flex items-center">
                            <img src="./images/person.svg" style="width: 20px;margin-right: 10px;" alt="">
                            <span class="text-white">已成功构建1000+个智能体</span>
                        </div>
                    </div>
                    <button
                        class="px-8 py-4 bg-primary text-white text-lg font-semibold !rounded-button hover:bg-opacity-90 whitespace-nowrap statrt"
                        style="z-index: 2;" id="start">
                        <span style="margin-right: 10px;">开始构建</span>
                        <img src="./images/star.svg" style="width: 20px;" alt="">
                    </button>
                </div>
            </div>

            <div class="absolute bottom-0 left-0 right-0 bg-white py-4">
                <div class="container mx-auto px-6 flex justify-center items-center">
                    <div class="flex items-center space-x-2">
                        <img src="./images/star.svg" style="width: 20px;" alt="">
                        <img src="./images/star.svg" style="width: 20px;" alt="">
                        <img src="./images/star.svg" style="width: 20px;" alt="">
                        <img src="./images/star.svg" style="width: 20px;" alt="">
                        <img src="./images/star.svg" style="width: 20px;" alt="">
                    </div>
                    <span class="ml-4 text-gray-700"></span>
                </div>
            </div>
        </div>





        <footer class="bg-gray-900 text-white py-16">
            <div class="container mx-auto px-6">
                <div class="grid grid-cols-4 gap-8">
                    <div>
                        <span class="text-2xl font-['Pacifico'] mb-6 block"> <img src="./images/logo.svg"
                                style="width: 38px;height: 38px;margin-right: 16px;" alt=""></span>
                        <p class="text-gray-400">ZYZNT AI</p>
                    </div>
                    <div>
                        <h4 class="text-lg font-semibold mb-4">产品</h4>
                        <ul class="space-y-2">
                            <li><a href="#" class="text-gray-400 hover:text-white">agent</a></li>
                            <li><a href="#" class="text-gray-400 hover:text-white">rag</a></li>
                            <li><a href="#" class="text-gray-400 hover:text-white">agent flow</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="text-lg font-semibold mb-4">支持</h4>
                        <ul class="space-y-2">
                            <li><a href="#" class="text-gray-400 hover:text-white">Documentation</a></li>
                            <li><a href="#" class="text-gray-400 hover:text-white">Blog</a></li>
                            <li><a href="#" class="text-gray-400 hover:text-white">Support</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="text-lg font-semibold mb-4">关于我们</h4>
                        <ul class="space-y-2">
                            <li><a href="#" class="text-gray-400 hover:text-white">关于卓越</a></li>
                            <li><a href="#" class="text-gray-400 hover:text-white">联系我们</a></li>
                        </ul>
                    </div>
                </div>

            </div>

        </footer>
        <div class="text-gray-400 py-[20px] bg-gray-900 flex justify-center items-center"
            style="flex-direction: column;">
            <div> © 卓越云讯（北京）科技有限公司 版权所有</div>
            <div><a href="https://beian.miit.gov.cn/">京ICP备15054526号-5</a></div>
        </div>
    </div>
    <script src="js/particles.min.js"></script>
    <script src="js/app.js"></script>
    <script>
        const toLogin = () => {
            window.location.href = 'http://ai.zyznt.com/';
        }
        document.getElementById('myButton').addEventListener('click', function () {
            toLogin()
        });

        document.getElementById('start').addEventListener('click', function () {
            toLogin()
        });
    </script>
</body>



</html>